<script setup>
  import {useRouter} from "vue-router"
  const router=useRouter();
</script>
<template>
    <header class="header">
        <section class="bigmiddiv  flexbewteen">
            <div class="flex">
                <img class="logo" src="@/assets/images/logo.png" alt="">
                <div class="flexclomn logofont">
                    <div class="bigfont">中科招投标</div>
                    <div class="smallfont">zhong ke zhao tou biao</div>
                </div>
            </div>
            <div class="flex">
                <section class="rafter rightitem">
                    <el-dropdown>
                        <span class="el-dropdown-link flex">
                            <img class="icon" src="@/assets/images/fenxi.png" alt="">
                            数据分析<el-icon class="el-icon--right">
                                <CaretBottom />
                            </el-icon>
                        </span>
                        <template #dropdown>
                            <el-dropdown-menu>
                                <el-dropdown-item>
                                    <RouterLink  :to="{path:'/qyjezb'}">区域金额占比</RouterLink>
                                </el-dropdown-item>
                                <el-dropdown-item>
                                    <RouterLink  :to="{path:'/qyslzb'}">区域数量占比</RouterLink>
                                </el-dropdown-item>
                                <el-dropdown-item>
                                    <RouterLink  :to="{path:'/qyjgdb'}">区域价格对比</RouterLink>
                                    
                                </el-dropdown-item>
                                <el-dropdown-item>
                                    <RouterLink  :to="{path:'/ppjgdb'}">品牌价格对比</RouterLink>
                                </el-dropdown-item>
                                <!-- <el-dropdown-item>工程清单对比</el-dropdown-item> -->
                                
                            </el-dropdown-menu>
                        </template>
                    </el-dropdown>
                </section>

                <section class="flex rightitem rafter">
                    <img src="@/assets/images/my.png" class="icon" alt="">
                    <RouterLink  :to="{path:'/mycollection'}">我的收藏</RouterLink>
                </section>
                <section class="flex rightitem">
                    <img src="@/assets/images/gc.png" class="icon" alt="">
                    <span>工程清单对比</span>
                </section>
                <el-dropdown class="rightitem">
                    <span class="el-dropdown-link flex">
                        <img class="headimg" src="@/assets/images/headimg.png" alt="">
                        克利斯克斯<el-icon class="el-icon--right">
                            <CaretBottom />
                        </el-icon>
                    </span>
                    <template #dropdown>
                        <el-dropdown-menu>
                            <el-dropdown-item>
                                <RouterLink  :to="{path:'/my?status=0'}">个人中心</RouterLink>
                            </el-dropdown-item>
                            <el-dropdown-item>
                                <RouterLink  :to="{path:'/my?status=1'}">修改密码</RouterLink>

                            </el-dropdown-item>
                            <el-dropdown-item divided>
                                <RouterLink  :to="{path:'/'}">退出登录</RouterLink>

                            </el-dropdown-item>
                        </el-dropdown-menu>
                    </template>
                </el-dropdown>
            </div>
        </section>
    </header>
</template>
<script setup>

 </script>